<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>登录与注册</title>
<link href="../css/front.css" media="screen, projection" rel="stylesheet" type="text/css">
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/jquery.corner.js" type="text/javascript"></script>	
<script src="../js/jquery.tipsy.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function() {

            $(".signin").click(function(e) {          
				e.preventDefault();
                $("fieldset#signin_menu").toggle();
				$(".signin").toggleClass("menu-open");
            });
			
			$("fieldset#signin_menu").mouseup(function() {
				return false
			});
			$(document).mouseup(function(e) {
				if($(e.target).parent("a.signin").length==0) {
					$(".signin").removeClass("menu-open");
					$("fieldset#signin_menu").hide();
				}
			});	
			
			$('#login_multi').corner("20px");
			
			$('#forgot_username_link').tipsy({gravity: 'w'});  		
			
        });
</script>
<style>
	body{
		background:#333 url(../images/bg.jpg) repeat top left;
		font-family:Arial;
		}
	h1.title{
				text-indent:-9000px;
				background:transparent url(../images/title.png) no-repeat top left;
				width:400px;
				height:45px;
				position:absolute;
				margin-top:80px;
			}
</style>
</head>
<body>
<div style="margin-left:60px">
	<h1 class="title">倒霉蛋系统</h1>
</div>
<div id="container">
  <div id="topnav" class="topnav" style="margin-left:360px"> 还没有账号？ <a href="login" class="signin"><span>赶紧注册一个吧！</span></a> </div>
  <fieldset id="signin_menu">
			<form method="post" id="signin" action="">
			  <p>
			  <label for="username" style="color:#050505">用户名：</label>
			  <input id="username" name="username" value="" title="username" tabindex="4" type="text">
			  </p>
			  <p>
			  <label for="username" style="color:#050505">邮箱地址：</label>
			  <input id="email" name="email" value="" title="email" tabindex="4" type="text">
			  </p>
			  <p>
				<label for="password" style="color:#050505">密&nbsp;&nbsp;码：</label>
				<input id="password" name="password" value="" title="password" tabindex="5" type="password">
			  </p>
			  <p>
				<label for="password" style="color:#050505">二次密码：</label>
				<input id="password" name="password" value="" title="password" tabindex="5" type="password">
			  </p>
			  <p>
				<label for="password" style="color:#050505">验证码：</label>
				<input id="verifycode" name="verifycode" value="" title="verifycode" tabindex="5" type="text">
				<img src=""/>
			  </p>
			  <p class="remember">
				<input id="signin_submit"  value="注 册" tabindex="6" type="submit">
				<input id="signin_submit" name="clear" value="重 置" tabindex="7" type="reset">
			  </p>
			</form>
		
  </fieldset>
</div>
<div id="login_multi" style="margin-top:120px;margin-left:310px;font-size:14px;background:url(../images/login_bg.png);width:760px">
  <p><strong>
  	<table>
		<tr>
			<td>
				<form id="form1" name="form1" method="post" action="" style="width:300px" class="register" id="register">
				  <table width="350" height="280" cellspacing="5">
					  <tr>
						<td colspan="2" align="center" style="font-size:20px">
							<strong style="color:#FFFFFF">登&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;录</strong>
						</td>
					  </tr>
					  
					  <tr>
						<td width="100" align="right" valign="middle"><strong style="color:#FFFFFF">用户名：</strong></td>
						<td><input id="username" type="text" name="user_username"/></td>
					  </tr>
					  <tr>
						<td width="100" align="right" valign="middle"><strong style="color:#FFFFFF">密&nbsp;&nbsp;&nbsp;&nbsp;码：</strong></td>
						<td><input type="password" name="user_password"/></td>
					  </tr>
					  <tr>
						<td width="100" align="right" valign="middle"><strong style="color:#FFFFFF">验证码：</strong></td>
						<td><input type="text" name="verify"/></td>
					  </tr>
					  <tr>
						<td align="center" valign="middle" colspan="2">
							<input id="signin_submits" type="submit" name="Submit" value="登  录"  style="width:80px;height:30px">
							<input id="signin_submits" type="reset" name="reset" value="重  置"  style="width:80px;height:30px"/>			
						</td>
					 </tr>  
		      </table>
				  </form>
		  </td>
			  <td background="../images/bg4.jpg">
				  	  
			  </td>
	  </tr>
	  </table>  		
  </strong></p>

  </div>	        		
  
</body>
</html>